<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Мой блог</title>
<script src="juick.js" type="text/javascript"></script>
<script type="text/javascript">
Date.prototype.getMonthName = function() {
  return ['Января','Февраля','Марта','Апреля','Мая','Июня','Июля','Августа','Сентября','Октября','Ноября','Декабря'][this.getMonth()];
}
var juickReplies="Ответов";
var juickNewer="← Раньше";
var juickOlder="Позже →";
var juickID=1;
</script>
<style type="text/css">
body { width: 512px; margin: 0 auto; font-family: sans-serif; }
h1 { background: #F0F0F0; border-bottom: 1px solid #CCC; margin: 0 0 1em 0; padding: 0.5em; }
img { border: 0; }
a { color: #00C; }
a:visited { color: #00C; }
h1 a { color: #000; text-decoration: none; }
h1 a:visited { color: #000; }
#messages { list-style-type: none; margin: 0; padding: 0; }
#messages li { margin-bottom: 2.5em; }
#messages .date { float: left; width: 6em; margin-left: -8em; text-align: center; color: #999; }
#messages .day { font-size: x-large; }
#messages .photo { text-align: center; }
#messages .text { margin: 0.5em 0; }
#messages .replies { text-align: right; }
#messages .tags { list-style-type: none; margin: 0 0 0 1em; padding: 0; float: left; }
#messages .tags li { display: inline; margin-right: 0.5em; }
#messages .tags a { color: #999; text-decoration: none; border-bottom: 1px dashed #999; }
#replies { list-style-type: none; margin: 0; padding: 0; }
#replies li { margin-bottom: 2.5em; background-repeat: no-repeat; padding-left: 42px; }
#replies .username { font-size: larger; }
#navigation { background: #F0F0F0; margin: 2em 0; padding: 5px; text-align: center; }
#footer { margin: 2em 0 0 0; padding: 5px; font-size: small; text-align: center; }
#footer a { color: #999; }
</style>
</head>

<body onload="juickInit(juickID)" onhashchange="juickInit(juickID)">

<h1><a href="#">Мой блог</a></h1>

<ul id="messages"></ul>
<div id="navigation"></div>
<ul id="replies"></ul>

<div id="footer"><a href="http://juick.com/">Juick</a></div>

</body>
</html>
